<template>
  <div class="custom-nav">
    <div class="center">
      <p>招投标专业资料库，就上觅模网</p>
      <div class="button">
        <a v-routers="{path:'/customized'}" href="javascript:void (0)">立即咨询</a>
      </div>
    </div>
  </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
.custom-nav{
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
  background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
  .center{
    width: 1300px;
    height: 200px;
    padding: 45px 0;
    box-sizing: border-box;
    p{
      width: 100%;
      text-align: center;
      font-size: 32px;
      color: #fff;
    }
    .button{
      width: 100%;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 15px;
      a{
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        border-radius: 15px;
        height: 40px;
        color: #fff;
        padding: 0 50px;
        background-image: linear-gradient(to top, #b224ef 0%, #7579ff 100%);

      }
    }
  }
}
</style>